<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>指尖上行</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="../../css/css.css" />
<link rel="stylesheet" href="../../css/QuizStatistics.css" />
<link rel="stylesheet" href="../../css/jquery.mloading.css" />
<link rel="stylesheet" href="../../../bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="../../../bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../../../bower_components/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../../../bower_components/Ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="../../../dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="../../../dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="../../../bower_components/jvectormap/jquery-jvectormap.css">
<link rel="stylesheet" href="../../../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="../../../bower_components/bootstrap-daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="../../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini"  data-treeview="4" data-treeview-menu="0">
<div class="wrapper">
  <header class="main-header"> <a class="logo"> <span class="logo-mini"><b>指</b></span> <span class="logo-lg"><img src="../../img/logo.png"/></span></a>
    <nav class="navbar navbar-static-top"><a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"></a></nav>
  </header>
  <aside class="main-sidebar">
    <section class="sidebar">
      <ul class="sidebar-menu" data-widget="tree">
       
      </ul>
    </section>
  </aside>
  <div class="content-wrapper">
    <section class="content-search">
      <div class="form-group">
        <label>竞猜ID</label>
        <input type="text" class="form-control w140 lottId" placeholder="竞猜ID" />
      </div>
      <!--<div class="form-group">-->
        <!--<label>赛事名称</label>-->
        <!--<input type="text" class="form-control w140" placeholder="赛事名称">-->
      <!--</div>-->
      <div class="form-group">
          <label>类型</label>
          <select class="form-control w140 lottType">
              <option value="1">自营</option>
              <option value="0">三方</option>
          </select>
      </div>
      <div class="form-group">
        <label>时间</label>
        <div class="input-group date w140 fl">
          <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
          <input type="text" class="form-control pull-right" id="datepicker">
        </div>
        <span>到</span>
        <div class="input-group date w140 fl">
          <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
          <input type="text" class="form-control pull-right" id="datepicker2">
        </div>
      </div>
      <div class="form-group">
        <button type="button" class="btn btn-primary search">搜索</button>
      </div>
    </section>
    <section class="content-header" id="totalHead"></section>
    <section class="content">
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">竞猜数据列表</h3>
        </div>
        <div class="box-body">
          <table class="table table-bordered table-striped">
              <thead>
                  <tr role="row">
                      <th>竞猜ID</th>
                      <th>比赛队伍</th>
                      <th>竞猜总额</th>
                      <th>红队总额</th>
                      <th>蓝队总额</th>
                      <th>竞猜结果</th>
                      <th>平台盈亏</th>
                      <th>操作</th>
                  </tr>
              </thead>
              <tbody id="example1">

              </tbody>
          </table>
          <div class="paginationDiv">
            <ul class="pagination">
                  <li class="prev"><a>上一页</a></li>
                  <li class="next"><a>下一页</a></li>
            </ul>
            <input type="text" value="1" class="form-control curpage"/>
            <button type="button" class="btn btn-default gopage">跳转</button>
            <span class="pageinfo"></span> </div>
        </div>
      </div>
    </section>
  </div>
</div>
<script type="text/html" id="total">
    <section class="content-header"> 总计：投注人数<span>{{ dataset.totalPer }}</span>人，金币<span>{{ dataset.totalGold }}</span>枚，虚拟币<span>{{ dataset.totalDiamond }}</span>个 ，平台盈亏 金币<span>{{ dataset.platformGold }}</span>，钻石<span>{{ dataset.platformDiamond }}</span></section>
</script>
<script type="text/html" id="datalist">


	<%for(var i = 0,len= dataset.length;i < len;i++){%>
	  <tr role="row">
		<td>{{ dataset[i].quizId }}</td>
		<!--<td>赛事名称1</td>-->
		<td>{{ dataset[i].teams }}</td>
		<td>{{ dataset[i].quizGold }}</td>
		<!--<td>100</td>-->
		<!--<td>10</td>-->
		<td>{{ dataset[i].redCount }}</td>
		<td>{{ dataset[i].blueCount }}</td>
		<td>{{ dataset[i].resultNote }}</td>
		<td>{{ dataset[i].winLose }}</td>
		<td><a href="{{ './QuizOrder.html?id=' + dataset[i].quizId + '&type=' +  dataset[i].fromType }}"><button type="button" class="btn btn-info btn-xs">查看详细数据</button></a></td>
      </tr>
	<%}%>

</script> 
<script src="../../../bower_components/jquery/dist/jquery.min.js"></script> 
<script src="../../../bower_components/jquery-ui/jquery-ui.min.js"></script> 
<script src="../../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
<script src="../../../bower_components/raphael/raphael.min.js"></script> 
<script src="../../../bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script> 
<script src="../../../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script> 
<script src="../../../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> 
<script src="../../../bower_components/jquery-knob/dist/jquery.knob.min.js"></script> 
<script src="../../../bower_components/moment/min/moment.min.js"></script> 
<script src="../../../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script> 
<script src="../../../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script> 
<script src="../../../bower_components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.zh-CN.min.js"></script> 
<script src="../../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script> 
<script src="../../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> 
<script src="../../../bower_components/fastclick/lib/fastclick.js"></script> 
<script src="../../../dist/js/adminlte.min.js"></script>  
<script src="../../js/template-web.js"></script> 
<script src="../../js/js.js"></script>
<script src="../../js/jquery.mloading.js"></script>
<script src="../../js/requestOrigin.js"></script>
<script src="../../js/QuizStatistics.js"></script> 
<script>
  $(function () {
	$('#datepicker').datepicker({format:"yyyy-mm-dd",language:"zh-CN",autoclose: true,todayHighlight:true});
	$('#datepicker2').datepicker({format:"yyyy-mm-dd",language:"zh-CN",autoclose: true,todayHighlight:true});
  })
</script>
</body>
</html>
